<template>
  <div class="layout" id="app">
    <!-- header -->
    <header class="header" :class="{'sticky': $route.path !== '/contact'}">
      <div class="container">
        <div class="left">
          <g-link to="/" class="home-link active">
            <img src="/img/logo.svg" alt="Nichlas W. Andersen" class="logo">
          </g-link>
        </div>
        
        <nav class="nav right">
          <g-link to="/journal" class="nav__link">Journal</g-link>
          <g-link to="/contact" class="nav__link">Say Hi!</g-link>
        </nav>
      </div>
    </header>

    <slot />
    <!-- footer -->
    <footer class="footer">
      <div class="container">
        <span>Copyright © 2021</span>
      </div>
    </footer>
  </div>
</template>

<static-query>
query {
  metadata {
    siteName
  }
}
</static-query>

<style>
</style>
